<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<link rel="stylesheet"
	href="assets/amazeui-admin/css/newamazeui.min.css">
<link rel="stylesheet" href="assets/amazeui-admin/css/wap.css">



<title>编辑</title>
<style>
.section {
	position: relative;
	height: 32px;
	padding-left: 80px;
	padding-right: 15px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.section label {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	height: 32px;
	line-height: 32px;;
	font-size: 12px;
}

.section>select, .section>input {
	width: 100%;
	height: 100%;
	display: block;
	padding: 0 10px;
	box-sizing: border-box;
}
</style>

</head>
<body style="background: #ececec">



	<div class="pet_mian">
		<div class="pet_head">

			<header data-am-widget="header"
				class="am-header am-header-default pet_head_block">
				<div class="am-header-left am-header-nav ">
					<a href="articleStudyList" class="iconfont pet_head_jt_ico"><img src="myAssets/img/返回.png"></a>
				</div>
				<div class="pet_news_list_tag_name">发布 校园趣闻</div>
				<div class="am-header-right am-header-nav">
					<a href="javascript:;" class="iconfont pet_head_gd_ico" id="btn"><img src="myAssets/img/完成.png"></a>
				</div>
			</header>
		</div>

		<div class="pet_content pet_content_list">
			<div class="pet_grzx"></div>

			<div class="pet_content_main pet_article_like_delete">

				<div data-am-widget="list_news"
					class="am-list-news am-list-news-default am-no-layout">

					<div class="am-list-news-bd">

						<ul class="am-list">
							<!--缩略图在标题右边-->
							<!--个人信息 -->
							<div class="pet_comment_list_bottom_info_r"></div>
							<div class="info-main"
								style="margin-left: 20px; margin-right: 20px;";>
								<form class="am-form am-form-horizontal" id="form-articelStudyAdd"
									enctype="multipart/form-data">
									<div class="am-form-group">
										<p></p>
									
									
										<!-- 隐藏 -->
											<div class="yingcang" style="display:none"> 
											 <label class="am-radio-inline"> <input type="radio"
												name="type" value="quwen" data-am-ucheck> 趣闻
											</label> <label class="am-radio-inline"> <input type="radio"
												name="type" value="quwen" data-am-ucheck checked > 趣闻
											</label> 
										</div>
								

												<div class="am-form-group">
									<h1 style=" text-align:center;color: #19ce8b;">校园趣闻</h1>
											
									</div>

										<span class="am-badge am-badge-warning am-text-lg">标题</span>
										<div class="am-form-content">
											<input type="text" id="name" placeholder="简单易懂" value=""
												name="title">

										</div>
									</div>
			
									<div class="am-form-group">
										<span class="am-badge am-badge-primary am-text-lg">趣闻内容
											 </span>

										<div class="am-form-content">

											<textarea rows="8" id="synopsis" placeholder="把你觉得搞笑的有意思的趣闻分享给大家吧..."
												name="content"></textarea>
										</div>
									</div>
									
								
								
									
									<div class="am-form-group am-form-file">
										<button type="button" class="am-btn am-btn-danger am-btn-sm">
											<i class="am-icon-cloud-upload"></i> 图片上传
										</button>

										<div id="file-list1"></div>
										<input name="file" id="doc-form-file1" type="file" multiple>

									</div>
											<div class="am-form-group am-form-file">
										<button type="button" class="am-btn am-btn-danger am-btn-sm">
											<i class="am-icon-cloud-upload"></i> 图片上传
										</button>
										
										<div id="file-list2"></div>
										<input name="file" id="doc-form-file2" type="file" multiple>

									</div>
											<div class="am-form-group am-form-file">
										<button type="button" class="am-btn am-btn-danger am-btn-sm">
											<i class="am-icon-cloud-upload"></i> 图片上传
										</button>
										
										<div id="file-list3"></div>
										<input name="file" id="doc-form-file3" type="file" multiple>

									</div>
									
									&nbsp;


								</form>



							</div>
					</div>
				</div>
			</div>





			</ul>





			<div class="pet_article_dowload">
				<div class="pet_article_dowload_title">关于Amaze UI</div>
				<div class="pet_article_dowload_content">
					<div class="pet_article_dowload_triangle"></div>
					<div class="pet_article_dowload_ico">
						<img src="assets/amazeui-admin/img/footdon.png" alt="">
					</div>
					<div class="pet_article_dowload_content_font">Amaze UI
						以移动优先（Mobile first）为理念，从小屏逐步扩展到大屏，最终实现所有屏幕适配，适应移动互联潮流。</div>
					<div class="pet_article_dowload_all">
						<a href="###" class="pet_article_dowload_Az am-icon-apple">
							App store</a> <a href="###"
							class="pet_article_dowload_Pg am-icon-android"> Android</a>
					</div>
				</div>
			</div>
		</div>

		<div class="pet_article_footer_info">Copyright(c)2015 PetShow
			All Rights Reserved</div>
	</div>
	</div>

	
	<script src="http://cdn.staticfile.org/jquery/2.2.3/jquery.js"></script>
	<script src="http://beta.amazeui.org/dist/js/amazeui.js"></script>
	<script>
		$(function() {
			$('#doc-form-file1').on(
					'change',
					function() {
						var fileNames = '';
						$.each(this.files, function() {
							fileNames += '<span class="am-badge">' + this.name
									+ '</span> ';
						});
						$('#file-list1').html(fileNames);
					});
							$('#doc-form-file2').on(
					'change',
					function() {
						var fileNames = '';
						$.each(this.files, function() {
							fileNames += '<span class="am-badge">' + this.name
									+ '</span> ';
						});
						$('#file-list2').html(fileNames);
					});
							$('#doc-form-file3').on(
					'change',
					function() {
						var fileNames = '';
						$.each(this.files, function() {
							fileNames += '<span class="am-badge">' + this.name
									+ '</span> ';
						});
						$('#file-list3').html(fileNames);
					});
		});
	</script>

	<script src="myAssets/js/admin-articleQuwenAdd.js"></script>

</body>
</html>